<template>
  <div class="RiskModel flex">
    <div class="flex flex1 JustifyContentSA AlignItemsC">
      <div class="flex">
        <p class="risk_icon colorF Bold textC">风险监管（一票否决）</p>
      </div>
      <div style="width:88%;">
        <ul class="flex list_title">
          <li class="flex3 Bold font_s18 colorF textC ">风险评估</li>
          <li class="flex1 Bold font_s18 colorF textC">说明</li>
          <li class="flex1 Bold font_s18 colorF textC">风险类别</li>
        </ul>
        <div class="content_box">
          <ul class="flex list_content" v-for="(item, index) in obj" :key="'list' + index">
            <li class="flex3 Bold font_s18 colorF" style="padding-left:1.825rem;">{{item.texta}}</li>
            <li class="flex1 Bold font_s18 colorF textC">{{item.textb}}</li>
            <li class="flex1 Bold font_s18 colorF textC">{{item.textc}}</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      obj: [
        {
          texta: '经依法登记的，但连续两年以上（包括两年）未参加年度检查， 且已无法取得联系的',
          textb: '列入名存实亡',
          textc: 'C类'
        },
        {
          texta: '未按照规定时限和要求向登记管理机关报送年度工作报告的 （系统自动推送)',
          textb: '列入活动异常名录',
          textc: 'B类'
        },

        {
          texta: '未按照有关规定设立党组织的（系统自动推送)',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '登记管理机关在抽查和其他监督检查中发现问题，发放整改文书 要求限期整改，社会组织未按期完成整改的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '具有公开募捐资格的慈善组织，存在《慈善组织公开募捐管理办法》 第二十一条规定情形的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '受到警告或者不满5万元罚款处罚的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '通过登记的住所无法与社会组织取得联系的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '法律、行政法规规定应当列入的其他情形的',
          textb: '列入活动异常名录',
          textc: 'B类'
        },
        {
          texta: '无上述风险',
          textb: '除名存实亡、活动异常名录',
          textc: 'A类'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.RiskModel {
  width: 95%;
  height: 95%;
  margin: 0 auto;
  .risk_icon {
    width: 4.1875rem;
    height: 20rem;
    line-height: 4.1875rem;
    font-size: 1.75rem;
    writing-mode: vertical-lr;
    background: url(../../../assets/img/comprehensive/components/6.png) no-repeat center;
    background-size: 100% 100%;
  }
  .list_title {
    background: url(../../../assets/img/comprehensive/components/7.png) no-repeat center;
    background-size: 100% 100%;
    line-height: 3.225rem;
  }
  .content_box {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .content_box::-webkit-scrollbar {
    background: rgba($color: #fff, $alpha: 0.6);
    border-radius: 10px;
    width: 8px;
  }
  .content_box::-webkit-scrollbar-thumb {
    background: rgba($color: #3659f3, $alpha: 0.8);
    border-radius: 10px;
  }
  .list_content {
    background: url(../../../assets/img/comprehensive/components/8.png) no-repeat center;
    background-size: 100% 100%;
    line-height: 1.325rem;
    padding: 0.825rem 0;
    margin-top: 1.125rem;
    border-radius: 10px;
  }
}
</style>
